<?php
include 'header.php';
?>
<section id="materiais-about" class="header-page">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Aprenda a reter seus clientes<br /><strong>com nossos materiais gratuitos</strong>
			</h1>
			<hr />	
			<p class="text-center">Deixe seu e-mail para receber em primeira mão as novidades</p>	
			<br />
			<div class="form-group">
				<div class="row">
					<div class="col-lg-10 col-md-offset-2">
						<div class="col-lg-3 col-md-3">			
					    	<input type="text" class="form-control" placeholder="Nome completo">
					    </div>
					    <div class="col-lg-3 col-md-3">		
					    	<input type="email" class="form-control" placeholder="E-mail">
					    </div>	
					    <div class="col-lg-3 col-md-3">		
					    	<button type="button" class="btn btn-primary btn-lg btn-block bg-color">Cadastrar</button>
					    </div>
					</div>    	
				</div>    
			</div>
		</div>		
	</div>		
</section>
<section id="materiais-downloads">
	<div class="container">
		<div class="row">
			<div class="col-lg-9 col-md-9">
				<ul class="filters text-uppercase">
					<li class="active">Destaques</li>
					<li>E-books</li>
					<li>Cases</li>
					<li>Tutorial</li>
					<li>Kits</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3">
				<input type="search" class="form-control" placeholder="Buscar...">
				<i class="icon-search fa fa-search"></i>
			</div>	
		</div>	
		<br /><br />
		<div class="row items">	
			<div class="col-lg-11 col-md-11 col-md-offset-1 col-lg-offset-1">
				<div class="col-lg-3 col-md-3">
					<img src="http://placehold.it/230x200" class="img-responsive" />				
					<p class="txt-color-b cat">E-BOOK</p>
					<p class="tit">Aumente sua conversão de cadastros usando as Redes Sociais</p>
					<hr />
					<p>Estudo realizado pela Dito Internet aponta que os gargalos na conversão de usuários são causados pelos formulários de cadastro.</p>
					<button type="button" class="btn btn-lg btn-primary bg-color-b text-uppercase">Baixar</button>
				</div>
				<div class="col-lg-3 col-md-3 col-md-offset-1 col-lg-offset-1">
					<img src="http://placehold.it/230x200" class="img-responsive" />				
					<p class="txt-color-b cat">E-BOOK</p>
					<p class="tit">Aumente sua conversão de cadastros usando as Redes Sociais</p>
					<hr />
					<p>Estudo realizado pela Dito Internet aponta que os gargalos na conversão de usuários são causados pelos formulários de cadastro.</p>
					<button type="button" class="btn btn-lg btn-primary bg-color-b text-uppercase">Baixar</button>
				</div>
				<div class="col-lg-3 col-md-3 col-md-offset-1 col-lg-offset-1">
					<img src="http://placehold.it/230x200" class="img-responsive" />				
					<p class="txt-color-b cat text-uppercase">E-BOOK</p>
					<p class="tit">Aumente sua conversão de cadastros usando as Redes Sociais</p>
					<hr />
					<p>Estudo realizado pela Dito Internet aponta que os gargalos na conversão de usuários são causados pelos formulários de cadastro.</p>
					<button type="button" class="btn btn-lg btn-primary bg-color-b text-uppercase">Baixar</button>
				</div>
			</div>
		</div>	
	</div>		
</section>
<div class="ball green"></div>
<section id="materiais-blog">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Acesse também os posts do<br /><strong>nosso blog</strong>
			</h1>
			<hr />
		</div>
		<div class="row">
			
				<div class="col-lg-3 col-md-3 items">
					<img src="http://placehold.it/265x200" class="img-responsive" />
					<div class="desc">	
						<p class="cat txt-color-b text-uppercase">Categoria</p>
						<p class="tit">Você conhece seu cliente?</p>
					</div>
				</div>	
				<div class="col-lg-3 col-md-3 items">
					<img src="http://placehold.it/265x200" class="img-responsive" />
					<div class="desc">	
						<p class="cat txt-color-b text-uppercase">Categoria</p>
						<p class="tit">Você conhece seu cliente?</p>
					</div>
				</div>	
				<div class="col-lg-3 col-md-3 items">
					<img src="http://placehold.it/265x200" class="img-responsive" />
					<div class="desc">	
						<p class="cat txt-color-b text-uppercase">Categoria</p>
						<p class="tit">Você conhece seu cliente?</p>
					</div>
				</div>	
				<div class="col-lg-3 col-md-3 items">
					<img src="http://placehold.it/265x200" class="img-responsive" />
					<div class="desc">	
						<p class="cat txt-color-b text-uppercase">Categoria</p>
						<p class="tit">Você conhece seu cliente?</p>
					</div>
				</div>				
		</div>
	</div>		
</section>	
<?php
include 'footer.php';
?>